<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>背景色（background-color）</title>
	<style type="text/css">
		.box {
			height: 400px;
			background-color: #e8e8e8;
			background-image: url('bg.jpg');
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 100px 100px;
		}
	</style>
</head>
<body>
	<div class="box">
		<ul>
			<li><a href="http://www.w3school.com.cn/cssref/pr_background-color.asp" target="_blank">background-color</a>：背景颜色</li>
			<li><a href="http://www.w3school.com.cn/cssref/pr_background-image.asp" target="_blank">background-image</a>：背景图片</li>
			<li><a href="http://www.w3school.com.cn/cssref/pr_background-repeat.asp" target="_blank">background-repeat</a>：背景图片平铺方式</li>
			<li><a href="http://www.w3school.com.cn/cssref/pr_background-position.asp" target="_blank">background-position</a>：背景图片定位</li>
			<li><a href="http://www.w3school.com.cn/cssref/pr_background-size.asp" target="_blank">background-size</a>：背景图片大小</li>
			<li><a href="http://www.w3school.com.cn/cssref/pr_background.asp" target="_blank">background</a>：背景简写</li>
		</ul>
	</div>
</body>
</html>